import { Col, Row } from "antd";
import styles from "./index.module.less";

interface Props {
	title: string;
	children: React.ReactElement;
}

export default (props: Props) => {
	const { title } = props;

	return (
		<div className={styles.container}>
			<Row className={styles.title_row}>
				<Col span={4}>
					<div className={styles.title}>{title}</div>
				</Col>
			</Row>
			<div className={styles.content}>{props.children}</div>
		</div>
	);
};
